<template>
  <div>
    <div>
              <el-button class="refresh" @click="refresh"><i class="el-icon-refresh">刷新</i></el-button>
              <input class="input" type="search" placeholder=" 按员工名称查找" v-model="input"/>
              <p @click="findFileSearch" style="display: inline-block;">
                  <i class="el-icon-search"></i>
              </p>
    </div>
        <div id="table">
          <el-table :data="tableData">
              <el-table-column prop="empCode" label="员工工号" width="150"></el-table-column>
              <el-table-column prop="empName" label="员工姓名" width="150"></el-table-column>
              <el-table-column prop="departmentId" label="打卡类型" width="150"></el-table-column>
              <el-table-column prop="phone" label="打卡时间" width="150"></el-table-column>

          <el-table-column label="操作">
            <template slot-scope="scope">
              <el-button size="mini" type="primary" @click="handleUpdate(scope.row)" class="el-icon-edit" style="width:50px; height:30px; line-height:30px;">编辑</el-button>
              <el-button size="mini" type="danger" @click="handleDelete(scope.row)" style="width:50px; height:30px; line-height:30px;">删除</el-button>
            </template>
          </el-table-column>
          </el-table>
        </div>
  </div>
</template>
<script>

export default{
  data() {
    return {
      tableData:[]
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!');
    }
  }
}
</script>
<style scoped>
.refresh{
  padding: 10px;
}
.input{
  padding: 10px;
  display: inline-block;
  margin-left: 70px;
}
p{
  position: relative;
  top: 2px;
  left: 0px;
  width: 38px;
  height: 34px;
  text-align: center;
  line-height: 35px;
  border: 1px solid gray;
  border-left: none;
  border-radius: 0px 5px 5px 0px;
  background-color: rgb(247, 242, 242);
}
</style>